<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Nginx负载均衡管理系统</title>
    <link rel="stylesheet" type="text/css" href="../js/lib/bootstrap-3.0.0-dist/dist/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../css/main.css" />
    <link rel="stylesheet" type="text/css" href="../css/teams.css" />
    <script type="text/javascript" src="../js/sea.js"></script>
	<script type="text/javascript" src="../js/config.js"></script>
</head>

<body>
	<div id="header">
		<h3><img src="../image/logo2.png" / id="logo"> | Nginx负载均衡管理系统</h3>
<!-- 		<div class="user">
			<span><a href="member_info.html">登陆人</a></span>
			<span>| 退出</span>
		</div> -->
	</div>
	<div id="main">
		<div id="nav">
			<div class="nav_box">
				<h5><a href="system_index.html"><img src="../image/manager.png" />Nginx负载均衡管理</a></h5>
				<div class="nav_child">
					<div><a href="system_admins.html" >Nginx配置项管理</a></div>
					<div><a href="teams.html" class="current">代理服务器成员管理</a></div>
					<div><a href="system_info.html" >Nginx模块管理</a></div>
					<div><a href="tree.html">日志文件</a></div>
					<div><a href="parameters.html">系统配置/启动项</a></div>
				</div>
			</div>
<!--
/* 标准键盘布局 
┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐ 
│Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐ 
└───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘ 
┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐ 
│~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │ 
├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤ 
│ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │   │ 
├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │ 
│ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter  │               │ 4 │ 5 │ 6 │   │ 
├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤     ┌───┐     ├───┼───┼───┼───┤ 
│ Shift  │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│  Shift   │     │ ↑ │     │ 1 │ 2 │ 3 │   │ 
├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││ 
│ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│ 
└─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘ 
*/ 
 -->
		</div>
		<div id="all">
			<div class="page_name">
				负载均衡成员列表
			</div>
			<div class="title"><h4>代理服务器列表</h4></div>
			<div class="box">
				<div class="mid_info">
					<div class="left_table">
					<div class="form_table">
					   <div class="bs-example">
					   	<thead>
	                    <table class="table table-striped" data-toggle="table" data-pagination="true">
					  <tr><th data-field="ip">IP地址</th><th data-field="port">端口号</th><th data-field="weight">权重</th><th data-field="max_fails">错误请求次数</th><th data-field="fail_timeout">认定宕机时间</th><th data-field="state">状态</th></tr>
					  </thead>
					</table>

						</div>
							</div>
					</div>
					<div class="tree">
						<div class="col-sm-10">
						      <lable>配置文件</lable>
						      <div id="tree" class=""><textarea class="form-control" name="confTxT" id="confTxT" disabled="disabled"></textarea></div>
						</div>
					</div>
				</div>
				<div class="footer_info">
					<div class="table_detail">	
					<div class="double_control">
							<span>IP地址:</span> <span><input type="text" name="fname" class="form-control" disabled="disabled" id="group_number"></span>
							<span>端口号:</span><span><input type="text" name="fname" class="form-control"  disabled="disabled" id="group_root_name"></span>
							<span>状态:</span><span><input type="text" name="fname" class="form-control"  disabled="disabled" id="group_name"></span>
							<span>权重:</span><span><input type="text" name="fname" class="form-control"  id="group_adm_name"></span>
							<span>错误请求次数:</span><span><input type="text" name="fname" class="form-control" id="group_time"></span>
							<span>认定宕机时间：</span>
							<span><input type="text" name="fname" class="form-control"  id="remark"></span>
						</div>
						<div class="btn_box">
							<button class="btn btn-primary btn_reset">删除主机</button>
							<button class="btn btn-default btn_add" data-toggle="modal" data-target="#myModal">新建主机</button>
							<button class="btn btn-primary btn_team save">保存信息</button>
						</div>
				
				</div>
				</div>

			</div>
		</div>
	</div>
	<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">新建代理节点</h4>
	      </div>
	      <div class="modal-body">
	        <div class="dialog_form">
	        	<div><span>IP地址:</span><input type="text" name="" class="form-control" id="addIp"></div>
	        	<div><span>端口号：</span><input type="text" name="" class="form-control" id="addport"></div>
	        	<div><span>权重：</span><input type="text" name="" class="form-control" id="weight"></div>
	        	<div><span>错误请求次数：</span><input type="text" name="" class="form-control" id="addfail"></div>
				<div><span>认定宕机时间：</span><input type="text" name="" class="form-control" id="addTimeOut"></div>
<!-- 	        	<div><span>认定宕机时间：</span> <input type="text" name="" class="form-control" id="addRemark"></div> -->
	        </div>
	        </div>
	      	<div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <button type="button" class="btn btn-primary addSave">保存</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	<script type="text/javascript">
	
		seajs.use(['../js/modules/teams'])   // 这里 use 方法只作为入口函数用，不做业务逻辑处理
	</script>
</body>
